<script>
export default {
    data() {
        return {
            progress: 0
        }
    },
    beforeCreate() {
        window.ipcRenderer.onListen('update-download-progress', (event, data) => {
            console.log(data);
            this.progress = data.percent;
        });
    },
    methods: {
    }
}
</script>

<template>
    <div class="container-fluid">
        <div id="update-hint" style="margin-top: 30px;">
            <div class="progress" role="progressbar" aria-label="Animated striped example" aria-valuenow="75"
                aria-valuemin="0" aria-valuemax="100">
                <div class="progress-bar progress-bar-striped progress-bar-animated" :style="{ width: progress + '%' }">
                </div>
            </div>
            <div style="font-size: small; text-align: center; opacity: 0.5;">升级包下载中，请稍后。</div>
        </div>
    </div>
</template>
